<template>
  <van-cell>
    <van-image
      slot="icon"
      round
      width="30"
      height="30"
      style="margin-right: 10px"
      :src="cmt.aut_photo"
    />
    <span slot="title" style="color: #466b9d">{{ cmt.aut_name }}</span>
    <div slot="label">
      <p style="color: #363636">{{ cmt.content }}</p>
      <p>
        <span style="margin-right: 10px">{{ cmt.pubdate | dateFormat }}</span>
        <van-button @click="showReply" size="mini" type="default">
          回复
        </van-button>
      </p>
    </div>
    <!-- 对评论 点赞 -->
    <CmtLike :cmt="cmt" />
  </van-cell>
</template>

<script>
import CmtLike from './CmtLike.vue'

export default {
  name: '',
  props: {
    // 评论数据对象
    cmt: {
      type: Object,
      required: true
    }
  },
  // 【组件依赖注入】接收 父辈组件中提供的 数据或方法
  inject: ['showReplyList'],
  data() {
    return {}
  },
  created() {},
  methods: {
    // 1.通过祖辈组件的方法 显示 评论回复列表
    showReply() {
      // 调用 父辈组件 的方法，并 传入 评论对象
      this.showReplyList(this.cmt)
    }
  },
  computed: {},
  watch: {},
  components: { CmtLike }
}
</script>

<style lang="less" scoped>
</style>
